@(title: String)(content: Html)

<!DOCTYPE html>

<html>
    <head>
    	
        <title>@title</title>
                
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap.min.css")">        
   		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
   		<link rel="stylesheet" media="screen" href="@routes.Assets.at("tablesorter/themes/blue/style.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
        <script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>  
        <script src="@routes.Assets.at("bootstrap/js/bootstrap.js")" type="text/javascript"></script> 
        
        <!-- TABLE SORTER -->
        
        <script src="@routes.Assets.at("tablesorter/jquery-latest.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("tablesorter/jquery.tablesorter.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("tablesorter/addons/pager/jquery.tablesorter.pager.js")" type="text/javascript"></script> 
		
		
		<script type="text/javascript">
        $(document).ready(function(){ 
        	$(".tablesorter")
        	.tablesorter({widthFixed: true, widgets: ['zebra']})
        	.tablesorterPager({container: $("#pager")})
        	;
    	}); 
   		</script>
   		
   		<!-- TOOLTIP -->
	
		<script>
  		$(function() {
    	$( document ).tooltip();
  		});
  		</script>
   		
   		
   		
   		
             
    </head>
    
    
    
    
    <body style="background-image:url(@routes.Assets.at("images/desktop1.jpg"))">	    
  		
        @content
        
    </body>
</html>
